<!doctype html>
<html ng-app="app">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- assetCenter.css -->
    <link rel="stylesheet" href="../../static/home/css/assetCenter.css">

</head>
<body ng-controller="assetCenter">

    <!-- 状态栏 -->
    <header class="primaryBg">
        <a href="./index.html" class="backBtn"><img src="../../public/image/backicon.png" alt=""></a>
        <h1>资产中心</h1>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne">
            <h2>总资产(元)</h2>
            <h3>18920.98</h3>
            <ul>
                <li><h4>买货(元)</h4><p>18920.98</p></li>
                <li><h4>卖货(元)</h4><p>18920.98</p></li>
                <li><h4>盈利(元)</h4><p>18920.98</p></li>
            </ul>
        </section><!-- sectionOne -->

        <!-- sectionTwo -->
        <section class="sectionTwo">
            <img src="../../public/image/yuchefengxian.png" alt="">
            <div>
                <h2>预测你的风险偏好为：<span>保守型</span></h2>
                <p>根据资产变化状况分析，你需要加大买货量</p>
            </div>
            <img src="../../public/image/enterBig.png" alt="">
        </section><!-- sectionTwo -->

        <!-- sectionThree -->
        <section class="sectionThree">
            <div class="select">
                <span ng-class="{true:'active'}[month]" ng-click="month=true;total=false">每月交易明细</span>
                <span ng-class="{true:'active'}[total]" ng-click="month=false;total=true">累计收益</span>
            </div>
            <ul class="flowContent" ng-show="month">
                <li><h2>12月</h2><span></span><p>盈利 1982 元，收货3000元，卖货4982元</p></li>
                <li><h2>11月</h2><span></span><p>盈利 1982 元，收货3000元，卖货4982元</p></li>
                <li><h2>10月</h2><span></span><p>盈利 1982 元，收货3000元，卖货4982元</p></li>
                <li><h2>9月</h2><span></span><p>盈利 1982 元，收货3000元，卖货4982元</p></li>
            </ul>
            <ul class="total" ng-show="total">
                <li>
                    <div><span class="progress" style="width: 70%;"></span></div>
                    <h2>盈利 1982 元，收货3000元，卖货4982元</h2>
                    <p>时间：2016年1月-11月</p>
                </li>
                <li>
                    <div><span class="progress" style="width: 70%;"></span></div>
                    <h2>盈利 1982 元，收货3000元，卖货4982元</h2>
                    <p>时间：2016年1月-11月</p>
                </li>
            </ul>
        </section><!-- sectionThree -->

    </article>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>
<!-- angular -->
<script src="../../public/js/angular.min.js"></script>
<!-- assetCenter -->
<script src="../../static/home/js/assetCenter.js"></script>